<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page import="admin.*" %>
<%! int i=0; %>
<% i++; %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>热心网友Roud的个人博客</title>
  <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 
  <link rel="icon" type="image/png" href="static/img/tx.png" type="image/x-ico"\>
  <link rel="stylesheet" href="Editor/css/style.css" />
  <link rel="stylesheet" href="Editor/css/editormd.css" />
</head>

<body> 
  <div style="display: block; width: 1360px; top: 43px; height: 538px; background: rgb(255, 255, 255);margin-left: 70px;">
    <div class="markdown-body editormd-preview-container editormd-preview-active" previewcontainer="true" style="padding: 20px;" id="displayArea">

    </div>
    <p>你是本博客 <%= i %> 第个访问者</p>
  </div>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="Editor/js/editormd.min.js"></script>
  <script type="text/javascript"></script>
  <script>
  <%
		getBlogData gbd=new getBlogData();
		List<Blog> blogData=gbd.getData();
		String id=request.getParameter("id");

  %>
    var displayArea = document.querySelector("#displayArea");
    var blogdata_initial=<%= blogData %>
    blogData=blogdata_initial.reverse();
    var bloghtml=blogData[parseInt(<%=id%>)].dataurl;
    displayArea.innerHTML=bloghtml;
  </script>
</body>
</html>